.header-top .nav {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.85);
}

.header-top .nav .nav-item {
  position: relative;
  align-items: center;
}

.header-top .nav .nav-item.active::after {
  position: absolute;
  content: '';
  left: 50%;
  bottom: 0;
  margin-left: -8px;
  border: 8px solid transparent;
  border-bottom: 8px solid #2396fa;
  border-radius: 2px;
}

.header-top .nav .nav-item .sub-nav {
  display: none;
  background-color: #fff;
}

.nav .nav-item .sub-nav li {
  padding: 0 10px;
  line-height: 2em;
  color: black;
  position: relative;
}

.nav-item .sub2-nav {
  display: none;
  width: 140%;
  position: absolute;
  right: -108px;
  top: 0;
  background-color: #fff;
}

.nav .nav-item .sub-nav li:hover {
  color: #2396fa;
}

.header-top .action {
  display: flex;
}

.header-top .action .btn {
  width: 108px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  font-size: 14px;
  /* color: #fff; */
  cursor: pointer;
}

.header-top .action .btn-login {
  border: 1px solid #031A81;
  color: #031A81;
}

.header-top .action .btn-try {
  background: #031A81;
  color: #fff;
}

.content-top {
  height: 1.32rem;
  padding: .4rem .16rem 0;
  box-sizing: border-box;
  background: url('../image/bg.png') center center no-repeat;
}

.content-top-left,
.content-top-right {
  display: inline-block;
  vertical-align: top;
}



.content-top-right {
  display: inline-block;
}

.content-top-right .til {
  text-align: left;
  color: rgba(51, 51, 51, 0.45);
  margin-bottom: 4px;
  font-size: 14px;
}

.content-top-left {
  padding: .2rem .16rem .1rem;
  width: 100%;
}

.content-top-left div {
  color: rgba(51, 51, 51, 0.45);
  margin-bottom: 4px;
  font-size: .14rem;
}

.content-top-left span {
  color: #031A81;
  font-size: .2rem;
}

.content-top-left span {
  font-family: 'AdiHaus', 'AdiHaus-Bold';
  font-size: 24px;
}

.content-top-right .list {
  display: inline-block;
}

.content-top-right .list span {
  font-family: 'AdiHaus', 'AdiHaus-Bold';
  background: linear-gradient(180deg, #1ee7a9, #06bda0 72%);
  -webkit-background-clip: text;
  color: transparent;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-size: 24px;
}

.content-top-right .list+.list {
  margin-left: .4rem;
}

.content-top-right .list div {
  font-size: 14px;
  color: #333;
}



/* 表单 */
.formbox {
  padding: 0 .16rem;
  box-sizing: border-box;
}

.formbox .list input {
  width: 100%;
  height: .44rem;
  line-height: .44rem;
  border: 1px solid rgba(51, 51, 51, 0.15);
  padding: 0 20px;
  box-sizing: border-box;
  font-size: 14px;
  vertical-align: middle;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"] {
  -moz-appearance: textfield;
}

.formbox .list+.list {
  margin-top: .3rem;
  font-size: 16px;
}

.formbox .list:last-child {
  margin-top: .2rem;
  margin-bottom: .4rem;
}

.formbox .list .list-con {
  display: inline-block;
  width: 100%;
  line-height: .44rem;
}

.formbox .list .list-name {
  display: inline-block;
  text-align: left;
  color: #333;
  font-weight: bold;
  height: .44rem;
  line-height: .44rem;
  vertical-align: top;
  font-size: .12rem;
}

.formbox .list .xing {
  color: #E72424;
}

.formbox .list textarea {
  vertical-align: top;
  height: 1.71rem;
  padding: .16rem;
  box-sizing: border-box;
  width: 100%;
}

.formbox .list .btn {
  width: 100%;
  height: .44rem;
  line-height: .44rem;
  text-align: center;
  color: #fff;
  font-size: .17rem;
  background: #031a81;
  border: none;
}



/* 弹窗 */
.showModal {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0, 0.25);
  z-index: 99999;
  top: 0;
  left: 0;
  display: none;
}

.showModal.active {
  display: block;
}

.showModal .modalbox {
  text-align: center;
  width: 2.7rem;
  background: #fff;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  box-shadow: 0px 12px 48px 16px rgba(0, 0, 0, 0.03), 0px 9px 28px 0px rgba(0, 0, 0, 0.05), 0px 6px 16px -8px rgba(0, 0, 0, 0.08);
  /* padding: 49px 0 23px; */
  padding: .44rem 0 .44rem;
  box-sizing: border-box;
  border-radius: .08rem;
}

.tishi {
  font-size: .15rem;
  color: rgba(3, 3, 3, 0.85);
  font-weight: bold;
  height: .44rem;
  line-height: .44rem;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.06) inset;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.showModal .modalbox .modal-tips-til {
  margin: .044rem 0 .1rem;
  color: rgba(51, 51, 51, 0.85);
  font-size: 18px;
  text-align: center;
}

.showModal .modalbox .modal-tips-txt {
  color: rgba(51, 51, 51, 0.45);
  font-size: 14px;
  padding: 0 .34rem;
  line-height: 1.3;
}

.showModal .modalbox .modal-tips-phone {
  color: #031A81;
  font-size: 14px;
  line-height: 1.5;
}

.showModal .modalbox .modal-tips-btn {
  font-size: .14rem;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: bold;
  height: .44rem;
  line-height: .44rem;
  color: #031A81;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}

.modalbox .success,
.modalbox .fail {
  display: none;
  padding: .15rem 0 .15rem;
}

.modalbox .success img,
.modalbox .fail img {
  width: .54rem;
  height: .54rem;
}

.modalbox .success.active,
.modalbox .fail.active {
  display: block;
}

/*最小屏幕分辨率为1280px*/
@media screen and (min-width:1200px) {
  #contents .w {
    width: 1200px;
    margin: 0 auto;
  }
}

/* 去除默认样式 */
textarea {
  outline: none;
  border: 1px solid rgba(51, 51, 51, 0.15);
  font-size: .17rem;
}

textarea ::placeholder,
textarea :-moz-placeholder,
textarea ::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.25);
  font-size: .17rem;
}

textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(51, 51, 51, 0.25);
  font-size: .17rem;
}

textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(51, 51, 51, 0.25);
  font-size: .17rem;
}

textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(51, 51, 51, 0.25);
  font-size: .17rem;
}

textarea::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(51, 51, 51, 0.25);
  font-size: .17rem;
}

input[type="checkbox"] {
  width: 20px !important;
}

.checkboxs {
  vertical-align: top;
  width: 120%;
}

.checkboxs input,
.checkboxs span {
  vertical-align: middle;
}

.checkboxs span {
  margin-left: 4px;
  font-size: 14px;
  color: rgba(51, 51, 51, 0.65);
  height: 20px;
}

/* 样式清除 */
.checkboxs div {
  position: relative;
}

.checkboxs span {
  display: inline-block;
  height: 20px;
  line-height: 20px;
}

.checkboxs input {
  background: #FFFFFF;
}

.checkboxs input[type="checkbox"] {
  opacity: 0;
  height: 20px;
}

.checkboxs label {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  text-align: center;
  border: 1px solid rgba(51, 51, 51, 0.15);
}

.checkboxs input:checked+label {
  background-color: #fff;
  border: 1px solid #333;
}

/* 选中样式 */


.checkboxs input:checked+label {
  background-color: #031A81;
  border: 1px solid #031A81;
}

.checkboxs input:checked+label::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 12px;
  top: 2px;
  left: 6px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
}